<!--
- Author:  LiShibin.
- Date:    2019/1/22.
- File:    service.
-->
<template>
  <div>
    <div class="Web_Box ">
      <div class="Topmenu"><i class="iconfont icon-youjiantou" @click="$utils.back()"><a href=""></a></i>
        <h1>淘只</h1>
        <span></span>
      </div>
      <div class="new_kefu">
        <ul>
          <li>客服电话 <a :href="'tel:' + data.phone"><span class="fr">{{data.phone}}</span></a></li>
          <li>QQ号码<span class="fr" @click="copy(data.QQ)">{{data.QQ}}</span></li>
          <li>公众号<span class="fr" @click="copy(data.wechat)">{{data.wechat}}</span></li>
          <p>在微信搜索公众号：淘只二手表（或长按下方二维码）关注淘只二手表公众号，直接再公众号上发消息</p>
        </ul>
      </div>
      <div class="banquan_erweima"><img src="../../assets/images/er_m.jpg" alt="">

      </div>
      <div class="fenxiang_small">分享给更多好友，一起享受低价奢侈体验
        <p></p>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        data: []
      }
    },
    created() {
      this.getCustomerService()
    },
    components: {},
    methods: {
      getCustomerService() {
        this.$request.getCustomerService().then(data => {
          this.data = data
        }).catch(e => {
          this.$toast('客服信息获取失败' + e.msg)
        })
      },
      copy(value) {
        if (this.$utils.getDeviceType() == 'APICloud') {
          let clipBoard = window.api.require('clipBoard')
          clipBoard.set({
            value: value
          }, (ret, err) => {
            console.log('ret', ret)
            if (ret) {
              this.$toast('复制成功')
            }
          })
        }
      }
    }
  }
</script>

<style>

</style>
